<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Video.js 6.2.8</title>
	<link href="css/video-js.min.css" rel="stylesheet">	
	<style>
		body{background-color: #191919}
		.m{ width: 740px; height: 400px; margin-left: auto; margin-right: auto; margin-top: 100px; }
	</style>
</head>

<body>

<script src="js/video.min.js"></script>
	<video id="vlc" class="video-js vjs-default-skin" controls  preload="none" data-setup='{}'></video>
<script src="https://cdn.jsdelivr.net/npm/videojs-flash@2/dist/videojs-flash.min.js"></script>
	<script>
        player.ready(function() {
            var myPlayer = this;
            myPlayer.reset();
            scope.url= 'rtmp://119.167.104.238:1935/live/infrared';
            if (scope.type == 'hls') {
                console.log('hls');
                myPlayer.src({ type: "application/x-mpegURL", src: scope.url });
            } else {
                myPlayer.src({ type: "rtmp/flv", src: scope.url });
                console.log('rtmp');
            }
            myPlayer.load(scope.url);
            myPlayer.play();
        });
	</script>

</body>
</html>
